<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米合约机</title>    
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="js/head.js"> </script>
    <link rel="stylesheet" href="css/heyueji.css">
</head>
<body>
    <div id="head"></div>
    <!-- head end -->
    <div class="container content">
        <div class="sidebar-a">
            <div class="banner "><img src="images/mshanghai4.7.jpg" class="photo" alt=""></div>
            <div class="agreement ">
                <ul class="ta-c row">
                    <li class="one"><img src="images/icon_01.png" alt=""><br><a href="#">全部合约机</a></li>
                    <li><img src="images/icon_02.png" alt=""><br><a href="#">移动合约机</a></li>
                    <li><img src="images/icon_03.png" alt=""><br><a href="#">联通合约机</a></li>
                    <li><img src="images/icon_04.png" alt=""><br><a href="#">电信合约机</a></li>
                </ul>
                <div class="product">
                    <div class="ta-c">
                        <img src="images/Noteblack!144x149.jpg" alt=""><br>
                        <p class="liantong center">联通</p>
                        <p>小米note合约机</p>
                        <p>2419元起</p>
                    </div>
                    <div class="ta-c">
                        <img src="images/Noteblack!144x149.jpg" alt=""><br>
                        <p class="yidong center">移动</p>
                        <p>小米note合约机</p>
                        <p>2419元起</p>
                    </div>
                    <div class="ta-c">
                        <img src="images/Noteblack!144x149.jpg" alt=""><br>
                        <p class="liantong center">移动</p>
                        <p>小米note合约机</p>
                        <p>2419元起</p>
                    </div>
                    <div class="ta-c">
                        <img src="images/Noteblack!144x149.jpg" alt=""><br>
                        <p class="liantong center">移动</p>
                        <p>小米note合约机</p>
                        <p>2419元起</p>
                    </div>
                    <div class="ta-c">
                        <img src="images/Noteblack!144x149.jpg" alt=""><br>
                        <p class="liantong center">移动</p>
                        <p>小米note合约机</p>
                        <p>2419元起</p>
                    </div>
                </div>
                <div class="product">
                    <div class="ta-c">
                        <img src="images/Noteblack!144x149.jpg" alt=""><br>
                        <p class="dianxin center">电信</p>
                        <p>小米note合约机</p>
                        <p>2419元起</p>
                    </div>
                    <div class="ta-c">
                        <img src="images/Noteblack!144x149.jpg" alt=""><br>
                        <p class="liantong center">移动</p>
                        <p>小米note合约机</p>
                        <p>2419元起</p>
                    </div>
                    <div class="ta-c">
                        <img src="images/Noteblack!144x149.jpg" alt=""><br>
                        <p class="liantong center">移动</p>
                        <p>小米note合约机</p>
                        <p>2419元起</p>
                    </div>
                    <div class="ta-c">
                        <img src="images/Noteblack!144x149.jpg" alt=""><br>
                        <p class="liantong center">移动</p>
                        <p>小米note合约机</p>
                        <p>2419元起</p>
                    </div>
                    <div class="ta-c">
                        <img src="images/Noteblack!144x149.jpg" alt=""><br>
                        <p class="liantong center">移动</p>
                        <p>小米note合约机</p>
                        <p>2419元起</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="sidebar-b">
            <div class="recharge">
                <p>话费充值</p>
                <input type="text" value="请输入手机号码">
                <select name="" id="">
                    <option value="充值100元">充值100元</option>
                    <option value="充值100元">充值100元</option>
                </select>
                <h>实时价格：98.4元起</h>
                <button style="color: #fff">立即充值</button>
            </div>
            <div class="ident">
                <p>联通授权标识</p>
                <img src="images/liantong.png" alt="">
            </div>
            <div class="ident">
                <p>电信授权标识</p>
                <img src="images/dianxin.png" alt="">
            </div>
        </div>
    </div>    
    <!-- foot start -->
    <div id="foot"></div>
    
</body>
</html>